<template>
  <svg xmlns="http://www.w3.org/2000/svg" :class="classes" fill="none" viewBox="0 0 24 24" stroke="currentColor">
    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" />
  </svg>
</template>

<script setup>
import { computed } from 'vue';

const props = defineProps({
  class: {
    type: String,
    default: 'h-4 w-4'
  }
});

const classes = computed(() => props.class);
</script> 